<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<link href="css/bootstrap.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<style>
			* {
				box-sizing: border-box;
			}
			
			.dropdown-menu {
				min-width: 100px!important;
				left: -20px!important;
			}
			
			.activea {
				border-bottom: 1px solid #0078FF;
			}
			
			.activea a {
				color: #0078FF!important;
			}
			
			.navbar-default .navbar-nav>.open>a {
				background-color: #fff!important;
			}
		</style>
	</head>

	<body>
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
					<img style="height: 40px;margin-top: 5px;margin-right: 150px;" src="images/图层676.png" />
				</div>
				<div id="navbar" class="navbar-collapse collapse" aria-expanded="false" style="height: 1px;">
					<ul class="nav navbar-nav">
						<li class="item activea">
							<a href="#">首页</a>
						</li>
						<li class="item">
							<a id="click" href="#" class="dropdown-toggle" data-toggle="dropdown">服务</a>
							<ul class="dropdown-menu">
								<li>
									<a href="view/service(html).html">网页开发</a>
								</li>
								<li>
									<a href="view/service(app).html">APP开发</a>
								</li>
								<li>
									<a href="view/service(wx).html">微信开发</a>
								</li>
								<!--<li class="divider"></li>
								<li>
									<a href="#">分离的链接</a>
								</li>
								<li class="divider"></li>-->
							</ul>
						</li>
						<li class="item">
							<a href="view/product.html">案例</a>
						</li>
						<li class="item">
							<a href="view/news.html">新闻中心</a>
						</li>
						<li class="item">
							<a href="view/about.html">关于我们</a>
						</li>
						<li class="item">
							<a href="view/contact.html">联系我们</a>
						</li>
					</ul>
					<div style="float: right;display: flex;flex-direction: row;align-items: center;height: 50px;" class=" class=" hidden-sm hidden-xs "">
						<img src="images/phone.png" />
						<p style="margin: 0 10px;">0592-123456</p>
						<img src="images/wechat.png" />
					</div>
				</div>
			</div>
		</nav>
		<!---->
		<div class="container-fluid top">
			<div class="row">
				<img class="col-lg-12 col-md-12 col-sm-12 col-xs-12" src="images/组24.png" style="padding: 0;" />
			</div>
		</div>
		<!--SERVICE-->
		<div class="container">
			<!---->
			<div class="row">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 title">
					<p>ADVANTAGE</p>
					<p>服务优势</p>
					<p>专注网站建设、网站设计、品牌设计、空间设计、网络营销、网站托管、整合营销服务为核心服务。专注于创意设计实现商业价值较大化，为所有谋求长远发展的企业提升品牌品质。拥有经验丰富技术团队，专业的资深设计师。</p>
				</div>
				<!---->
				<div class="itema col-lg-4 col-md-4 col-sm-12 col-xs-12">
					<div class="i_img1"></div>
					<p>专注以及品质追求<span></span></p>
					<p> 从创始至今，我们的业务方向始终不变。在未来我们也是基于此信念而继续创造。</p>
				</div>
				<div class="itema col-lg-4 col-md-4 col-sm-12 col-xs-12">
					<div class="i_img2"></div>
					<p>严谨的项目流程<span></span></p>
					<p> 在不断的实践中总结出可持续和可信赖的项目流程,实现客户产品和企业价值的提升.</p>
				</div>
				<div class="itema col-lg-4 col-md-4 col-sm-12 col-xs-12">
					<div class="i_img3"></div>
					<p>优秀的项目累计<span></span></p>
					<p>积累了大量优秀的项目案例，在不断的探索中总结经验，为更多客户提供优秀的设计。</p>
				</div>
			</div>
		</div>
		<!--num-->
		<div class="container-fluid con_num" style="margin-top: 80px;">
			<div class="row row_num">
				<div class="num col-lg-3 col-md-3 col-sm-6 col-xs-6">
					<p>4,471</p>
					<p>服务客户</p>
				</div>
				<div class="num col-lg-3 col-md-3 col-sm-6 col-xs-6">
					<p>32</p>
					<p>专业人士</p>
				</div>
				<div class="num col-lg-3 col-md-3 col-sm-6 col-xs-6">
					<p>400</p>
					<p>成功案例</p>
				</div>
				<div class="num col-lg-3 col-md-3 col-sm-6 col-xs-6">
					<p>206</p>
					<p>高级服务</p>
				</div>
			</div>
		</div>
		<!--PRODUCT-->
		<div class="product_bg">
			<div class="container">
				<div class="row">
					<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 p_title">
						<p>PRODUCT</p>
						<p>案例演示</p>
						<p>这里拥有无敌的创意、精美的视觉、具有国际化的意识和前瞻性思维！打破传统网站模式，让所有企业能够在短时间内拥有一套高端网站。</p>
					</div>
				</div>
			</div>
			<div class="container-fluid">
				<div class="row p_row" style="padding: 0 310px;">
					<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 p_img2" style="text-align: center;display: flex;justify-content: center;">
						<img src="images/iPhone6Black.png" />
					</div>
					<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 p_img" style="padding-top:25px;text-align: center;display: flex;align-items:center;justify-content: center;">
						<img src="images/Screen.png" />
					</div>
					<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 p_img2" style="text-align: center;">
						<img src="images/iPhone6Black1.png" />
					</div>
				</div>
			</div>
		</div>
		<!--NEWS-->
		<div class="container-fluid">
			<div class="row">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 n_title">
					<p>NEWS</p>
					<p>新闻中心</p>
				</div>
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 padding" style="">
					<div class="col-lg-7 col-md-7 col-sm-12 col-xs-12 con" style="padding: 0;">
						<div class="time">
							<span>7</span>
							<span>2019/8</span>
						</div>
						<img class="n_img" src="images/图层636.png" />
						<div class="content">
							<p class="c_title">企业IT规划发展的三个时期</p>
							<p>IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一堆废纸。因此，“落地”环节对IT规划至关重要。如 </p>
							<p>来源:美国金融</p>
						</div>
					</div>
					<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12 hidden-xs right hidden-sm">
						<p>企业IT规划发展的三个时期</p>
						<p>IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一</p>
					</div>
				</div>
				<!---->
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 padding" style="">
					<div class="col-lg-7 col-md-7 col-sm-12 col-xs-12 con" style="padding: 0;">
						<div class="time">
							<span>7</span>
							<span>2019/8</span>
						</div>
						<img class="n_img" src="images/图层636.png" />
						<div class="content">
							<p class="c_title">企业IT规划发展的三个时期</p>
							<p>IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一堆废纸。因此，“落地”环节对IT规划至关重要。如 </p>
							<p>来源:美国金融</p>
						</div>
					</div>
					<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12 hidden-xs right hidden-sm">
						<p>企业IT规划发展的三个时期</p>
						<p>IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一</p>
					</div>
				</div>
				<!---->
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 padding" style="">
					<div class="col-lg-7 col-md-7 col-sm-12 col-xs-12 con" style="padding: 0;">
						<div class="time">
							<span>7</span>
							<span>2019/8</span>
						</div>
						<img class="n_img" src="images/图层636.png" />
						<div class="content">
							<p class="c_title">企业IT规划发展的三个时期</p>
							<p>IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一堆废纸。因此，“落地”环节对IT规划至关重要。如 </p>
							<p>来源:美国金融</p>
						</div>
					</div>
					<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12 hidden-xs right hidden-sm">
						<p>企业IT规划发展的三个时期</p>
						<p>IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一</p>
					</div>
				</div>
				<!---->
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 padding" style="">
					<div class="col-lg-7 col-md-7 col-sm-12 col-xs-12 con" style="padding: 0;">
						<div class="time">
							<span>7</span>
							<span>2019/8</span>
						</div>
						<img class="n_img" src="images/图层636.png" />
						<div class="content">
							<p class="c_title">企业IT规划发展的三个时期</p>
							<p>IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一堆废纸。因此，“落地”环节对IT规划至关重要。如 </p>
							<p>来源:美国金融</p>
						</div>
					</div>
					<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12 hidden-xs right hidden-sm">
						<p>企业IT规划发展的三个时期</p>
						<p>IT规划不是摆设，它必须在得到切实可行的实施之后，才能发挥出促进业务、提升管理的作用，否则就是一</p>
					</div>
				</div>
				<!---->
			</div>
		</div>
		<!--bg-->
		<div class="container-fluid" style="margin: 70px 0;">
			<div class="row">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 a_bg">
					<p>网络营销如何快速启动快速见效？</p>
					<p>专业资深的网站设计团队针对有品牌意识的企业，辅助企业构建互联网竞争力。</p>
					<div>咨询我们</div>
				</div>
			</div>
		</div>
		<!--about-->
		<div class="container" style="margin-bottom: 70px;">
			<div class="row">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 about">
					<p>ABOUT</p>
					<p>关于我们</p>
					<p class="hidden-xs hidden-sm">专注品牌事业五年，是一家兼具视野广阔、创新动力、全方位跨平台的专业建站与设计整合服务公司。公司业务涉及官网商城建设、app开发、小程序开发等。目前已为200多家国内优秀企业提供了专业有效的解决方案。</p>
				</div>
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 about2">
					<img class="a_img hidden-sm" src="images/图层12.png" />
					<div class="about_right">
						<p>福建兜优</p>
						<p class="hidden-xs">Tel：020-000000</p>
						<p>Mobile：13000000000</p>
						<p class="hidden-xs">QQ：255555555</p>
						<p>Email：255555555@qq.com</p>
						<p>Address：XX省XX市XX区XX路XX号XX楼</p>
					</div>
				</div>
			</div>
		</div>
		<!--PARTNER-->
		<div class="product_bg" style="margin-bottom: 0;">
			<div class="container-fluid">
				<div class="row">
					<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 n_title">
						<p>PARTNER</p>
						<p>合作伙伴</p>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 partner">
						<img src="images/图层671.png" />
					</div>
					<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 partner">
						<img src="images/图层673.png" />
					</div>
					<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 partner">
						<img src="images/图层674.png" />
					</div>
					<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 partner">
						<img src="images/图层675.png" />
					</div>
					<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 partner">
						<img src="images/图层676.png" />
					</div>
					<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 partner">
						<img src="images/图层677.png" />
					</div>
					<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 partner">
						<img src="images/图层678.png" />
					</div>
					<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 partner">
						<img src="images/图层680.png" />
					</div>
				</div>
			</div>
		</div>
		<!--foot-->
		<div class="foot"></div>
	</body>
	<script src="js/jquery-3.3.1.min.js"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
	<script>

		// $(function() {
		// 	$(".foot").load("footer.html")
		// })
		$(".item").click(function() {
			$(this).addClass("activea").siblings().removeClass("activea");
			//			$(this).children("a").addClass("a").siblings().children("a").removeClass("a");
			//			$(this).children("a")	.addClass("a").parent().siblings().children("a").removeClass("a")
		})
		$("#click").click(function() {
			window.location.href = "view/service.html";
		})
	</script>

</html>